<template>
  <fieldset>
    <legend>商品列表</legend>
    <router-link to="/detail/1">方便面</router-link>
    |
    <router-link to="/detail/2">火腿肠</router-link>
    |
    <router-link to="/detail/3">卤蛋</router-link>
    <button @click="jump">按钮</button>
  </fieldset>
</template>
<script>
  //点击按钮，完成页面跳转
  export default {
    mounted(){},
    methods:{
      jump(){
        //跳转页面(编程式导航)
        //push 往浏览器的历史记录，增加一个记录
        // this.$router.push("/detail/2")//直接传路径字符串
        // this.$router.push({path:"/detail/2",query: {name:"火腿肠"}})//传对象的好处，可以传递其他参数
        // this.$router.push({name:"playlist",params:{name:"韩梅梅"}})//只有通过name跳转的时候可以传递params 其他方式会忽略该属性

        //replace 替换掉当前的历史记录
        // this.$router.replace("/discover")

        //go 去往历史记录栈中的某一项记录 传递一个number
        //传入的值如果超过历史记录，就会失效无效果
        this.$router.go(2)

      }
    }
  }

  //["",bingying.cn,localhost:8080,/goods,/discover]
</script>
